/*
    Copyright (C) 2022 The Qt Company Ltd.
    SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0
*/

body {
    margin: 0;
    padding: 0;
    display: flex;
    height: 100vh;
    overflow: hidden;
}

#test-output-container {
    flex: 1;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

#qt-gui-container {
    flex: 1;
    overflow: auto;
    border-left: 2px solid #ccc;
    display: flex;
    flex-direction: column;
}

#test-output-container .test-ui-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

:root {
    --good-color-light: chartreuse;
    --bad-color-light: lightcoral;
    --warning-color-light: orange;
    --info-color-light: cornflowerblue;
    --ignore-color-light: gray;
    --good-color-dark: green;
    --bad-color-dark: red;
    --warning-color-dark: darkorange;
    --info-color-dark: blue;
    --ignore-color-dark: lightgray;
}

.zero {
    display: none;
}

.light-background .good {
    color: var(--good-color-dark);
}

.light-background .bad {
    color: var(--bad-color-dark);
}

.light-background .warning {
    color: var(--warning-color-dark);
}

.light-background .info {
    color: var(--info-color-dark);
}

.light-background .ignore {
    color: var(--ignore-color-dark);
}

.output-area {
    font-family: monospace;
}

.output-line {
    display: block;
    white-space: pre-wrap;
}

.counter-box {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: white;
    z-index: 100;
}

.counter-box span {
    padding-right: 10px;
}

.counter-box .pass {
    background-color: var(--good-color-light);
}

.counter-box .fail {
    background-color: var(--bad-color-light);
}

.counter-box .skip {
    background-color: var(--info-color-light);
}

.counter-box .xfail {
    background-color: var(--warning-color-light);
}

.counter-box .xpass {
    background-color: var(--bad-color-light);
}

.counter-box .bpass,
.counter-box .bfail,
.counter-box .bxpass,
.counter-box .bxfail,
.counter-box .other {
    background-color: var(--ignore-color-light);
}
